<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>IFE2016_task1</title>
</head>
<body>
<h1>网站一级标题</h1>
<ul>
    <li><a href="#">导航连接1</a></li>
    <li><a href="#">导航连接2</a></li>
    <li><a href="#">导航连接3</a></li>
    <li><a href="#">导航连接4</a></li>
</ul>
<article>
    <h2>文章一级标题</h2>
    <h3>文章二级标题</h3>
    <p>文章作者 文章发布时间</p>
    <p>这是一个很长的段落,这是一个很长的段落,这是一个很长的段落,这是一个很长的段落,这是一个很长的段落,
        这是一个很长的段落,这是一个很长的段落,这是一个很长的段落,这是一个很长的段落,这是一个很长的段落,
        这是一个很长的段落,这是一个很长的段落,这是一个很长的段落,这是一个很长的段落,这是一个很长的段落,换行了<br/>
        这是一个很长的段落,这是一个很长的段落,这是一个很长的段落,这是一个很长的段落,这是一个很长的段落,换行了<br/>
        这是一个很长的段落,这是一个很长的段落,这是一个很长的段落,<a href="http://ife.baidu.com">这里有一个链接
            链接到http://ife.baidu.com</a>这是一个很长的段落，这是一个很长的段落，<b>这里有个粗体字</b>这是一个很长
        很长的段落，这是一个很长的段落,这是一个很长的段落,这是一个很长的段落。
    </p>
    <img src="task1.jpg" rel="这是个图" style="width:50%">
    <p>这是一个很长的段落,这是一个很长的段落,这是一个很长的段落,这是一个很长的段落,这是一个很长的段落,
        这是一个很长的段落,这是一个很长的段落,这是一个很长的段落,这是一个很长的段落,这是一个很长的段落,
        这是一个很长的段落,这是一个很长的段落,这是一个很长的段落,这是一个很长的段落,这是一个很长的段落,换行了<br/>
        这是一个很长的段落,这是一个很长的段落,这是一个很长的段落,这是一个很长的段落,这是一个很长的段落,换行了<br/>
        这是一个很长的段落,这是一个很长的段落,这是一个很长的段落,<a href="http://ife.baidu.com">这里有一个链接
            链接到http://ife.baidu.com</a>这是一个很长的段落，这是一个很长的段落，<b>这里有个粗体字</b>这是一个很长
        很长的段落，这是一个很长的段落,这是一个很长的段落,这是一个很长的段落。
    </p>
</article>
<article>
    <h2>另一篇文章一级标题</h2>
    <h3>文章二级标题</h3>
    <p>这是一个很长的段落,这是一个很长的段落,这是一个很长的段落,这是一个很长的段落,这是一个很长的段落,
        这是一个很长的段落,这是一个很长的段落,这是一个很长的段落,这是一个很长的段落,这是一个很长的段落,
        这是一个很长的段落,这是一个很长的段落,这是一个很长的段落,这是一个很长的段落,这是一个很长的段落,换行了<br/>
        这是一个很长的段落,这是一个很长的段落,这是一个很长的段落,这是一个很长的段落,这是一个很长的段落,换行了<br/>
        这是一个很长的段落,这是一个很长的段落,这是一个很长的段落,<a href="http://ife.baidu.com">这里有一个链接
            链接到http://ife.baidu.com</a>这是一个很长的段落，这是一个很长的段落，<b>这里有个粗体字</b>这是一个很长
        很长的段落，这是一个很长的段落,这是一个很长的段落,这是一个很长的段落。
    </p>
    <img src="task1.jpg" rel="这是个图" style="width:50%">
    <ul>
        <li>列表项目一</li>
        <li>列表项目二</li>
        <li>列表项目三</li>
    </ul>
    <h2>图片</h2>
    <ul>
        <li>这就是个图片<br/><img src="task1.jpg" rel="这是个图" style="width:50%"></li>
        <li>这就是个图片+1<br/><img src="task1.jpg" rel="这是个图" style="width:50%"></li>
        <li>这就是个图片+2<br/><img src="task1.jpg" rel="这是个图" style="width:50%"></li>
        <li>这就是个图片+3<br/><img src="task1.jpg" rel="这是个图" style="width:50%"></li>
        <li>这就是个图片+4<br/><img src="task1.jpg" rel="这是个图" style="width:50%"></li>
        <li>这就是个图片+5<br/><img src="task1.jpg" rel="这是个图" style="width:50%"></li>
        <li>这就是个图片+6<br/><img src="task1.jpg" rel="这是个图" style="width:50%"></li>
    </ul>
</article>
<article>
    <h2>最后一篇文章一级标题</h2>
    <h3>文章二级标题</h3>
    <p>文章作者 文章发表时间</p>
    <ol>
        <li>排名1</li>
        <li>排名2</li>
        <li>排名3</li>
    </ol>
    下面是一个表格，给表格加了一个border="1"好让你看出是一个表格<br/>
    <table border="1">
        <tr>
            <th>表头</th>
            <th>表头</th>
            <th>表头</th>
        </tr>
        <tr>
            <td>表内容单元格</td>
            <td>表内容单元格</td>
            <td><a href="#">操作</a></td>
        </tr>
        <tr>
            <td>表内容单元格</td>
            <td>表内容单元格</td>
            <td><a href="#">操作</a></td>
        </tr>
        <tr>
            <td>表内容单元格</td>
            <td>表内容单元格</td>
            <td><a href="#">操作</a></td>
        </tr>
        <tr>
            <td>表内容单元格</td>
            <td>表内容单元格</td>
            <td><a href="#">操作</a></td>
        </tr>
        <tr>
            <td>总计</td>
            <td colspan="2">1000</td>
        </tr>
    </table>
</article>
<div>
    <h2>这里以后是一个侧栏，这是侧栏的标题</h2>
    <h3>侧栏注册窗口标题</h3>
    <form>
        <label>请输入邮箱地址：</label>
        <input type="text" placeholder="这是一个文本输入框" name="email"/>
        <p>邮箱地址请按要求格式输出</p>
        <label>请输入密码：</label>
        <input type="text" placeholder="这是一个文本输入框" name="password"/>
        <label>请重复输入密码：</label>
        <input type="text" placeholder="这是一个文本输入框" name="password"/>
        <p>密码请为6-16位英文数字</p>
    </form>
    <form>
        <label>性别：</label>
        <input type="radio" name="sex" value="male" checked/>男
        <input type="radio" name="sex" value="female"/>女
        <label>城市：</label>
        <select>
            <option value="beijing" selected="selected">北京</option>
            <option value="shanghai">上海</option>
            <option value="hangzhou">杭州</option>
            <option value="nanjing">南京</option>
        </select>
        <label>爱好：</label>
        <input type="checkbox" name="hobby" value="sport"/>运动
        <input type="checkbox" name="hobby" value="art"/>艺术
        <input type="checkbox" name="hobby" value="science"/>科学
        <label>个人描述：</label>
        <textarea>这是一个多行输入框，输入您的个人描述</textarea>
        <button type="submit">确认提交</button>
    </form>
</div>
<p>CopyRight IzayoiH</p>
</body>
</html>